<div class="page-content">
    <div class="col-sm-6 pull-right">

        <button class="btn btn-sm btn-primary pull-right" onclick="javascript:window.location.href = '{:url("index")}'">
            返回列表
            <i class="icon-reply icon-only"></i>
        </button>
    </div>
    <b class="arrow"></b>
    <div class="timeline-container">
        <div class="timeline-label">
													<span class="label label-primary arrowed-in-right label-lg">
														<b>Today</b>
													</span>
        </div>

        <div class="timeline-items">
            <div class="timeline-item clearfix">
                <div class="timeline-info">
                    <img alt="Susan't Avatar" src="/abc/public/static/ace1.4/assets/images/avatars/avatar1.png">
                    <span class="label label-info label-sm">16:22</span>
                </div>

                <div class="widget-box transparent">
                    <div class="widget-header widget-header-small">
                        <h5 class="widget-title smaller">
                            <a href="#" class="blue">Susan</a>
                            <span class="grey">reviewed a product</span>
                        </h5>

                        <span class="widget-toolbar no-border">
																	<i class="ace-icon fa fa-clock-o bigger-110"></i>
																	16:22
																</span>

                        <span class="widget-toolbar">
																	<a href="#" data-action="reload">
																		<i class="ace-icon fa fa-refresh"></i>
																	</a>

																	<a href="#" data-action="collapse">
																		<i class="ace-icon fa fa-chevron-up"></i>
																	</a>
																</span>
                    </div>

                    <div class="widget-body">
                        <div class="widget-main">
                            Anim pariatur cliche reprehenderit, enim eiusmod
                            <span class="red">high life</span>

                            accusamus terry richardson ad squid …
                            <div class="space-6"></div>

                            <div class="widget-toolbox clearfix">
                                <div class="pull-left">
                                    <i class="ace-icon fa fa-hand-o-right grey bigger-125"></i>
                                    <a href="#" class="bigger-110">Click to read …</a>
                                </div>

                                <div class="pull-right action-buttons">
                                    <a href="#">
                                        <i class="ace-icon fa fa-check green bigger-130"></i>
                                    </a>

                                    <a href="#">
                                        <i class="ace-icon fa fa-pencil blue bigger-125"></i>
                                    </a>

                                    <a href="#">
                                        <i class="ace-icon fa fa-times red bigger-125"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="timeline-item clearfix">
                <div class="timeline-info">
                    <i class="timeline-indicator ace-icon fa fa-cutlery btn btn-success no-hover"></i>
                </div>

                <div class="widget-box transparent">
                    <div class="widget-body">
                        <div class="widget-main">
                            Going to cafe for lunch
                            <div class="pull-right">
                                <i class="ace-icon fa fa-clock-o bigger-110"></i>
                                12:30
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="timeline-item clearfix">
                <div class="timeline-info">
                    <i class="timeline-indicator ace-icon fa fa-star btn btn-warning no-hover green"></i>
                </div>

                <div class="widget-box transparent">
                    <div class="widget-header widget-header-small">
                        <h5 class="widget-title smaller">New logo</h5>

                        <span class="widget-toolbar no-border">
																	<i class="ace-icon fa fa-clock-o bigger-110"></i>
																	9:15
																</span>

                        <span class="widget-toolbar">
																	<a href="#" data-action="reload">
																		<i class="ace-icon fa fa-refresh"></i>
																	</a>

																	<a href="#" data-action="collapse">
																		<i class="ace-icon fa fa-chevron-up"></i>
																	</a>
																</span>
                    </div>

                    <div class="widget-body">
                        <div class="widget-main">
                            Designed a new logo for our website. Would appreciate feedback.
                            <div class="space-6"></div>

                            <div class="widget-toolbox clearfix">
                                <div class="pull-right action-buttons">
                                    <div class="space-4"></div>

                                    <div>
                                        <a href="#">
                                            <i class="ace-icon fa fa-heart red bigger-125"></i>
                                        </a>

                                        <a href="#">
                                            <i class="ace-icon fa fa-facebook blue bigger-125"></i>
                                        </a>

                                        <a href="#">
                                            <i class="ace-icon fa fa-reply light-green bigger-130"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="timeline-item clearfix">
                <div class="timeline-info">
                    <i class="timeline-indicator ace-icon fa fa-flask btn btn-default no-hover"></i>
                </div>

                <div class="widget-box transparent">
                    <div class="widget-body">
                        <div class="widget-main"> Took the final exam. Phew! </div>
                    </div>
                </div>
            </div>
        </div><!-- /.timeline-items -->
    </div>
